<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>校园跑腿</title>
		<meta name="description" content="校园跑腿" />
		<meta name="keywords" content="校园跑腿"/>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" href="/css/amazeui.min.css" />
		<link rel="stylesheet" href="/css/style.css" />
		<script type="text/javascript" src="/js/jquery.min.js" ></script>
		<script type="text/javascript" src="/js/amazeui.min.js" ></script>
		<script type="text/javascript" src="/js/application.js" ></script>

	</head>
	<body>
		<div class="am-tabs qiehuan" data-am-tabs>
			  <ul class="am-tabs-nav am-nav am-nav-tabs">
			    <li class="am-active"><a href="#to_other">对我的评价</a></li>
			    <li><a href="#to_me">对他人评价</a></li>
			  </ul>
			  <div class="am-tabs-bd">
			    <div class="am-tab-panel am-fade am-in am-active" id="to_other">
					<!--列表-->
					<div data-am-widget="intro" class="am-intro am-cf am-intro-default" >
						<div th:each="tome : ${ordertome}" class="am-g am-intro-bd">
							<a href="content.html">
								<div class="am-intro-left am-u-sm-3">
									<!--                th:text= "${img}"-->
<!--									这个是被评价人的头像-->
									<img src="/img/boy.png"/>
								</div>
								<div class="am-intro-right am-u-sm-9">
									<div class="text">
										<!--                    th:text = "${username}"-->
										<span style="float: left;color: black;font-size: 23px">订单号：<span th:text="${tome.getOrderId()}"></span></span>
									</div>
									<div class="text">
										<!--                    th:text = "${time_ago}"-->
										<span class="fl">发单人：<span th:text="${tome.getBillUser().getUserName()}"></span></span>
									</div>
									<div class="text">
										<!--                    th:text = "${time_ago}"-->
										<span class="fl">接单人：<span th:text="${tome.getReceiveUser().getUserName()}"></span></span>
									</div>
									<div class="text">
										<!--                    th:text = "${time_ago}"-->
										<span class="fl">发单人评分：<span th:text="${tome.getBillScore()}"></span></span>
									</div>
									<div class="text">
										<!--                    th:text = "${time_ago}"-->
										<span class="fl">接单人评分：<span th:text="${tome.getReceiveScore()}"></span></span>
									</div>
									<div class="text">
										<!--										th:text = "${level}"-->
<!--										<span class="fl">打星⭐⭐⭐⭐⭐</span>-->
									</div>
									<!--                th:text = "${target}"-->
									<p>评价：<span th:text="${tome.getAppraise()}"></span></p>
								</div>
							</a>
						</div>
					</div>
			    </div>
			  </div>
			<div class="am-tabs-bd">
			    <div class="am-tab-panel am-fade" id="to_me">
					<!--列表-->
					<div data-am-widget="intro" class="am-intro am-cf am-intro-default" >
						<div th:each="formme : ${orderformme}" class="am-g am-intro-bd">
							<a href="content.html">
								<div class="am-intro-left am-u-sm-3">
									<!--                th:text= "${img}"-->
									<!--									这个是被评价人的头像-->
									<img src="/img/boy.png"/>
								</div>
								<div class="am-intro-right am-u-sm-9">
									<div class="text">
										<!--                    th:text = "${username}"-->
										<span style="float: left;color: black;font-size: 23px">订单号：<span th:text="${formme.getOrderId()}"></span></span>
									</div>
									<div class="text">
										<!--                    th:text = "${time_ago}"-->
										<span class="fl">发单人：<span th:text="${formme.getBillUser().getUserName()}"></span></span>
									</div>
									<div class="text">
										<!--                    th:text = "${time_ago}"-->
										<span class="fl">接单人：<span th:text="${formme.getReceiveUser().getUserName()}"></span></span>
									</div>
									<div class="text">
										<!--                    th:text = "${time_ago}"-->
										<span class="fl">发单人评分：<span id="billScore" th:text="${formme.getBillScore()}"></span></span>
									</div>
									<div class="text">
										<!--										th:text = "${level}"-->
<!--										<script>
											var billScore = parseFloat(document.getElementById('billScore').textContent);
											var stars = '';

											if (!isNaN(billScore) && billScore >= 1 && billScore <= 5) {
												var billScore = Math.round(billScore);

												for (var i = 0; i < billScore; i++) {
													stars += '⭐';
												}
											} else {
												stars = '评分无效';
											}

											document.getElementById('billScore').innerHTML = stars;
										</script>-->

									</div>
									<div class="text">
										<!--                    th:text = "${time_ago}"-->
										<span class="fl">接单人评分：<span id="receiveScore" th:text="${formme.getReceiveScore()}"></span></span>
									</div>
									<div class="text">
										<!--										th:text = "${level}"-->
<!--										<script>-->
<!--											var receiveScore = parseFloat(document.getElementById('receiveScore').textContent);-->
<!--											var stars = '';-->

<!--											if (!isNaN(receiveScore) && receiveScore >= 1 && receiveScore <= 5) {-->
<!--												var roundedScore = Math.round(receiveScore);-->

<!--												for (var i = 0; i < roundedScore; i++) {-->
<!--													stars += '⭐';-->
<!--												}-->
<!--											} else {-->
<!--												stars = '评分无效';-->
<!--											}-->

<!--											document.getElementById('receiveScore').innerHTML = stars;-->
<!--										</script>-->

									</div>
									<!--                th:text = "${target}"-->
									<p>评价：<span th:text="${formme.getAppraise()}"></span></p>
								</div>
							</a>
						</div>
					</div>
			    </div>
			</div>
	  </div>

		<div class="h50"></div>
		<div style="height: 75px" data-am-widget="navbar" class="am-navbar am-cf am-navbar-default footer  am-no-layout" id="tab2">

			<ul class="am-navbar-nav am-cf am-avg-sm-4">
				<li>
					<a href="/user/homepage" class="">
						<span class=""><img style="height: 55px; width: 50px" src="/img/nav.png"></span>
						<span class="am-navbar-label">首页</span>
					</a>
				</li>
				<li>
					<a href="/user/run_pool" class="">
						<span class=""><img style="height: 55px; width: 50px" src="/img/nav1.png"></span>
						<span class="am-navbar-label">跑腿池</span>
					</a>
				</li>
				<li>
					<a href="/user/evaluate" class="">
						<span class=""><img style="height: 55px; width: 50px" src="/img/nav2s.png"></span>
						<span class="am-navbar-label">评价</span>
					</a>
				</li>
				<li>
					<a href="/user/mypage" class="">
						<span class=""><img style="height: 55px; width: 50px" src="/img/nav3.png"></span>
						<span class="am-navbar-label">我的</span>
					</a>
				</li>

			</ul></div>
	</body>
</html>
